<template>
  <div>
    <!-- <p>数据双向绑定</p> -->
     <el-button @click="openDialog">打开弹窗</el-button>
     <Data-Pass :form="form" :dialogVisible1.sync="dialogVisible"></Data-Pass>

  </div>
</template>
<script>
import DataPass from './Dialog/DataPass'
export default {
  components: {
    DataPass
  },
  props:{

  },
  data () {
    return {
        dialogVisible:false,
        form:{
        }

    }
  },
  methods: {
    openDialog(){
       console.log('打开弹窗')
       this.dialogVisible=true
       const data={
         name:'yangjialing'
       }

      this.form.name='122'//在这种情况下,子组件能拿到数据，但是无法进行数据双向绑定，需要通过$set进行设置

      //对于这种问题还有第二种解决方式
        this.form=data //直接让form对象里面存在该属性

    }
  }
}
</script>

